.Sub-Com {
    background-color: #e8e8e8;
    min-height      : 100vh;

    .Sub-Title {
        // width        : 1125px;
        height       : 480px;
        background   : #FFFFFF;
        margin-bottom: 30px;

        .Sub-title-top {
            justify-content: space-between;
            align-items    : center;
            padding-left   : 30px;

            .MuiSvgIcon-root {
                width: 60px;
            }

            .default-sub {
                span {
                    color: #ccc;
                }
            }

            .change-default-sub {
                align-items: center;
                color      : #2E57FF;
            }
        }

        .Sub-center {
            align-items    : center;
            justify-content: center;

            h2 {
                font-size  : 72px;
                font-weight: 500;
                color      : #2E57FF;
                line-height: 30px;
            }

            .MuiSvgIcon-root {
                color: #2E57FF;
                width: 80px;
            }
        }
    }

    .professional-course {
        // width     : 1125px;
        background: #FFFFFF;
        padding   : 50px;
        box-sizing: border-box;

        h3 {
            font-weight: 500;
            color      : #666666;
            line-height: 30px;
        }
    }
}

.alert-set-sub{
    width: 8.488889rem;
    height: 400px;
    flex-direction: column;
    .alertTitle{
        justify-content: center;
        align-items: center;
        flex: 1;
        p{
            font-size: 0.46rem;
        }
        border: 1px solid #ccc;
    }
    .selectSet{
        align-items: center;
        .selectBtn{
            flex: 1;
            text-align: center;
            height: 1.333333rem;
            line-height: 1.333333rem;
            font-size: 0.313333rem;
            &.selectBtn-sure{
                border-left: 1px solid #ccc;
                color: #2E57FF;
            }
        }
    }
}

.sub-item {
    width          : 1025px;
    height         : 140px;
    background     : #F0F0F0;
    border-radius  : 70px;
    font-size      : 48px;
    font-weight    : 500;
    color          : #333333;
    line-height    : 30px;
    justify-content: center;
    align-items    : center;
    margin         : 50px 0;
}

#asideBtn {

    span.MuiButton-label {
        font-size: 40px;
    }
    &.MuiButton-root {
        flex         : 1;
        width        : 360px;
        height       : 142px;
        background   : #F0F0F0;
        border       : 1px solid #999999;
        border-radius: 12px;
    }
    &.MuiButton-outlined {
        &.curBtn {
            background-color: #fff;
            border-color: #2E57FF ;
            color       : #2E57FF ;
        }
    }
}